<template>
  <sui-container style="padding: 50px">
    <h2 is="sui-header">
      Feed
      <a href="http://localhost:8080/" is="sui-button" style="float: right ">主页</a>
    </h2>
    <sui-divider/>
    <sui-feed>
      <sui-feed-event>
        <sui-feed-label>
          <img src="https://semantic-ui-vue.github.io/static/images/avatar/large/kristy.png" alt="">
        </sui-feed-label>
        <sui-feed-content>
          <sui-feed-summary>
            <sui-feed-user>Girl</sui-feed-user>
            把你设置为了好友
            <sui-feed-date>1小时之前</sui-feed-date>
          </sui-feed-summary>
          <sui-feed-meta>
            <sui-feed-like>
              <sui-icon name="like"/>
              5个赞
            </sui-feed-like>
          </sui-feed-meta>
        </sui-feed-content>
      </sui-feed-event>

      <sui-feed-event>
        <sui-feed-label>
          <img src="https://semantic-ui-vue.github.io/static/images/avatar/large/kristy.png" alt="">
        </sui-feed-label>
        <sui-feed-content>
          <sui-feed-summary
            date="2天前"
            user="Girl"
            content=" 发布一篇文章"
          />
          <sui-feed-extra text>
            《你好世界》
          </sui-feed-extra>
          <sui-feed-meta>
            <sui-feed-like>
              <sui-icon name="like"/>
              30个赞
            </sui-feed-like>
          </sui-feed-meta>
        </sui-feed-content>
      </sui-feed-event>

      <sui-feed-event>
        <sui-feed-label>
          <img src="https://semantic-ui-vue.github.io/static/images/avatar/large/kristy.png" alt="">
        </sui-feed-label>
        <sui-feed-content>
          <sui-feed-summary
            date="2天前"
            user="Girl"
            content=" 发布2张图片"
          />
          <sui-feed-extra images>
            <img src="https://semantic-ui-vue.github.io/static/images/avatar/large/kristy.png">
            <img src="https://semantic-ui-vue.github.io/static/images/avatar/large/kristy.png">
          </sui-feed-extra>
          <sui-feed-meta>
            <sui-feed-like>
              <sui-icon name="like"/>
              20个赞
            </sui-feed-like>
          </sui-feed-meta>
        </sui-feed-content>
      </sui-feed-event>
    </sui-feed>
  </sui-container>
</template>

<script>
export default {
  name: 'Feed'
}
</script>

<style scoped>

</style>
